<div class="col-md-offset-2 col-md-6 main">
  <form class="form-horizontal css-form" name="form" novalidate>

      <div class="modal-header">
          <h5 class="modal-title">告警用户设置</h5>
      </div>

      <div class="modal-body">
        <div class="form-group">
          <label class="col-sm-2 control-label">姓名</label>
          <div class="col-sm-9">
            <input required ng-model="user.name" type="text" class="form-control" >
          </div>
          </div>
          <div class="form-group">
            <label  class="col-sm-2 control-label">邮箱</label>
            <div class="col-sm-9">
              <input required ng-model="user.email" type="text" class="form-control"  >
            </div>
          </div>

          <div class="form-group">
            <label  class="col-sm-2 control-label">手机</label>
            <div class="col-sm-9">
              <input required ng-model="user.phone" type="text" class="form-control"  >
            </div>
          </div>            
  
           


          <div class="form-group">
            <label class="col-sm-2 control-label">用户组</label>
            <div class="col-sm-9">
              <tags-input ng-model="user.groups"
                placeholder="选择用户组"
                maxTags="10"
                add-on-blur="false"
                display-property="name"
                addFromAutocompleteOnly="true"
                >
                <auto-complete 
                source="loadGroups($query)"></auto-complete>
              </tags-input>
            </div>
        
          </div>    

      </div>

      <div class="modal-footer">
          <button type="button"
             ng-disabled="form.$invalid"
           class="btn btn-primary" ng-click="confirm()">完成</button>
      </div>      

    </div>

      </form>      
</div>


